Cara Menambahkan Google Map Search untuk blogger

1.Pertama-tama kunjungi Google Map Search Wizard

2.Sekarang tinggal customize map mu agar sesuai


3.Masukkan URL blog mu.


4.Click pada generate code.


5.Sekarang copy generated code.

6.Mauk ke blogmu dashboard--> layout- ->Page Elements

7.Click pada 'Add a Gadget' pada the sidebar.

8.Pilih 'HTML/Javascript' dan masukkan goole maps code mu tadi lalu klik save.

Now you are done.

Read More

Cara Tambahkan Mode Energy Saving Untuk Blog atau Website

Ini adalah layanan gratis dan disediakan oleh mesin http://www.onlineleaf.com/.Their siaga adalah memberikan cara yang berfungsi penuh dan sederhana untuk membantu website Anda jalankan membutuhkan energi lebih sedikit untuk menghasilkan. Ia menyembunyikan animasi berat, meliputi jendela dalam warna gelap (seperti ini, dalam banyak kasus mengkonsumsi energi kurang) dan jeda berat menjalankan proses latar belakang.

Ketika pengunjung anda tidak aktif, mesin ini meluncurkan layar siaga, dengan teks "Energy saving mode".



Hal ini sangat mudah untuk ditambahkan ke situs Web atau blog dalam beberapa detik.

Masuk ke dashboard Blogger Anda -> Desain -> Edit HTML.

Anda tidak perlu untuk mengklik pada "Expand Template Widget".

Gulir ke bawah ke tempat anda melihat </ head> tag dari template Anda.

Sekarang salin kode di bawah ini dan paste tepat sebelum tag </ head>.

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

This standby engine uses the jQuery Javascript library, so if you are using other Javascript libraries or code, add below code instead of above code :

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

<script>jQuery.noConflict();</script>

Time of inactivity

Also you can easily define how long time your visitors have to be inactive, for the engine to launch the standby screen, by adding ?time=X where X should be replaced with the number of seconds you would like to define the time interval. An example could be:

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>

... yang akan mengatur waktu tidak aktif untuk 2 minutes (120 seconds).

Ini dapat dikonfigurasi untuk menampilkan dalam salah satu bahasa yang didukung, jika Anda menambahkan?lang=code, di mana kode tersebut adalah salah satu kode pendek bahasa di bawah ini.

Supported languages

ak - Akan da - Danish de - German en - English es - Spanish fr - French fi - Filipino gr - Greek
hr - Croatian id - Indonesian jp - Japanese it - Italian nl - Dutch pl - Polish pt - Portuguese bpt - Brazilian Portuguese
ro - Romanian sl - Slovenian se - Swedish sk - Slovak sw - Swahili tr - Turkish vi - Vietnamese

Contoh berikut akan menggunakan Spanyol untuk layar siaga:

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?lang=es"></script>

Read More

Bagaimana Mengatur SEO untuk Meta, Keyword Judul dan Deskripsi

Temukan Code di bawah ini:
<title><data:blog.pageTitle/></title>

Dan rubah dengan code di bawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | (example: ZoomTemplate)</title>
<b:else/>
<title><data:blog.pageTitle/> | (example: ZoomTemplate)</title>
</b:if>
<meta content='your description here' name='description'/>
<meta content='keyowrd1, keyowrd1, etc..' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Read More

Cara Tampilkan atau Sembunyikan "Navbar Blogger"

Sebelum menghapus navbar blogger (Navigation Bar), lebih baik jika saya menginformasikan bahwa metode ini merupakan salah satu pelanggaran TOS Blogger. Jika Anda masih ingin menghapusnya, anda dapat menggunakan script di bawah ini:

Hide Navbar:
#navbar-iframe { display:none}

Show Navbar:
#navbar-iframe { display:block }

Auto Hide:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Bagaimana melakukannya:
Pada halaman Edit HTML, letakkan kode di atas di bawah kode <<b:skin> [CDATA [/ * dan kemudian simpan! template.

Read More

Merubah Icon Blog

Icon blogger pada address bar adalah icon default saat kita membuat blog di blogger, tapi icon tersebut bisa diganti dengan icon sendiri loh? Hehe… tutorial ini memang sengaja dibuat untuk orang yang belum ngerti aja gimana cara ngubah icon default Blogger dengan Icon yang sudah disiapkan sebelumnya. Keuntungannya yaitu icon yang dipasang di address bar tidak harus icon ber-ekstensi .ico tetapi icon jenis apa saja. Lebih baik memang memilih gambar dengan ukuran persegi jadi kelihatan lebih bagus. Nah, caranya cukup mudah untuk menggantinya yaitu dengan :

• Login pada Blogger
• Pilih Tata Letak/Layout
• Kemudian Edit HTML
• Klik Expand Widget Template
• Cari kode </head>
• Letakkan kode berikut sebelum kode tadi:
  

  <link href='http://icons.mysitemyway.com/wp-content/gallery/silver-inlay-square-metal-icons-social-media-logos/101789-silver-inlay-square-metal-icon-social-media-logos-blogger.png' rel='SHORTCUT ICON'/>

• Ganti Link bercetak tebal dengan alamat Link gambar kamu yang telah kamu upload di hosting

Read More

Mengganti Icon Blogger

Postingan hari ini kita bahas mengenai cara mengganti icon blogger dengan gambar2 ataupun foto anda sendiri di addressbar seperti icon diblog saya yang cantik itu,,hehe,,sebelumnya anda harus membuat dulu image atau mengedit gambar yang sudah ada menjadi berukuran 24 x 24 pixel up to 32 x 32 pixel,kemudian silakan upload gambar tersebut di photobucket.com, kenapa harus upload kesana? karena untuk mendapatkan kode URL image kita, masih bingung ya,,ya udah ikuti langkah- langkah berikut aja ya,,

1. Pilih gambar yang akan anda masukkan dengan ukuran yang saya sebutkan diatas
2. Silakan upload gambarnya diphotobucket.com, jika belum terdaftar di photobucket.com silakan register disini
3.Setelah login silakan upload gambarnya di menu Upload File & Video dengan pilih tombol choose file
4.Setelah selesai upload akan muncul gambar anda dan ambil kode URL gambar anda seperti contoh kode URL image saya

http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg

5.Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda,silakan ke menu Layout->Edit HTML->jangan lupa klik Expand Widget kemudian temukan kode berikut

</head>

6. Setelah itu letakkan kode dibawah ini sebelum kode diatas

<link href='http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg' rel='SHORTCUT ICON'/>

silakan ganti kode yang berwarna merah dengan URL gambar yang anda dapatkan di photobucket.com tadi

7.Kemudian Save Setting,,Selesai,,

Silakan lihat blog anda apakah iconnya sudah berubah dengan ganbar anda,,Semoga berhasil!!!

Read More

Cara Memposting Code HTML

Mungkin banyak dari kalian yang sudah bisa memposting code HTML pada blog.Ini saya posting untuk kalian yang belum tahu caranya.

Bagaimana anda bisa mengatasi masalah penulisan kode HTML ini? Sebenarnya tidak rumit untuk melakukannya. Di bawah ini ada 3 kode yang sering digunakan dalam penulisan kode HTML.

< » ganti dengan &lt;

> » ganti dengan &gt;

& » ganti dengan &amp;

Tapi jika script yang ingin ditulis dalam jumlah besar tentu akan repot untuk mengganti satu persatu kode tersebut. Untuk mengatasi ini, ada tool online yang bisa anda gunakan untuk memparse kode HTML ke dalam bentuk teks.

Untuk melakukannya kunjungi link berikut.
http://centricle.com/tools/html-entities/

1. Copy-paste kode HTML yang ingin anda parse ke dalam kotak yang disediakan.
2. Tekan tombol encode.
3. Terakhir, copy kode HTML yang sudah diparse ke dalam postingan anda.

Dengan tool ini dalam seketika kode HTML atau script yang anda masukkan akan segera berubah dan siap diposting.

Ada satu lagi yang mau saya tulis berhubungan dengan penulisan kode HTML di website, yaitu seputar background yang digunakan. Kebanyakan para blogger memberi background yang berbeda pada script yang ditulisnya. Ini tentu akan memudahkan pengunjung dalam membaca tulisan atau tutorial yang telah dibuat.

Langsung saja ikuti tutorial di bawah ini untuk menerapkannya di blog anda.
CSS

1. Sign in ke blogger.
2. Pilih menu Layout (Tata Letak) » Edit HTML.
3. Cari kode  ]]></b:skin>.
4. Copy kode berikut di atas kode tadi

.code {background: #f1f1f1; border: 1px solid #cccccc; border-left: 5px solid #cccccc; padding: 15px;}

HTML

Pada posting gunakan format seperti di bawah ini untuk menerapkan kode css di atas.

<div class="code">

ketik scriptnya di sini

</div>

Atau dengan format seperti ini untuk menggunakan efek scroll

<div style="border: 5px #0B3B39 solid; padding: 10px; background-color: #000000; overflow: auto; height: 100px; width: 740px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

Cukup sampai di sini dulu posting kali ini mengenai cara memposting kode HTML di blogspot, semoga bermanfaat.

Selamat mencoba!

Read More